<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" xmlns:c="http://java.sun.com/jsp/jstl/core">

<h:head>
	<!-- NOT USED - PLANNED FOR FUTURE RELEASE -->
	<!-- admin can change properties of a product -->
</h:head>

<h:body>

	<div class="col-md-10">
		<h:form>

			<div class="row-fluid">
				<div class="col-sm-12" style="text-align: center">
					<h1>Pokemon anpassen</h1>
				</div>
			</div>

			<div class="row-fluid">
				<div class="col-sm-4" />
				<div class="col-sm-4">
					<select class="form-control">
						<option>1</option>
						<option>2</option>
					</select>
				</div>
				<div class="col-sm-4" />
			</div>

			<div class="row-fluid">

				<div class="col-sm-12">
					<center>
						<img src="img/6.png" alt="some_text" width="200" height="200" title="Glurak" />
					</center>
				</div>

				<div class="col-sm-12">

					<div class="col-sm-4">
						<table class="table table-borderless">
							<thead>
								<tr class="table-bordered">
									<th colspan="2">Allgemeine Infos</th>
								</tr>
							</thead>
							<tbody>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Typ:</td>
									<td><p:inputText /></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Level:</td>
									<td><p:inputText /></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Wesen:</td>
									<td><select class="form-control input-sm">
											<option>1</option>
											<option>2</option>
									</select></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Fähigkeit:</td>
									<td><select class="form-control input-sm">
											<option>1</option>
											<option>2</option>
									</select></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Geschlecht:</td>
									<td><select class="form-control input-sm">
											<option>1</option>
											<option>2</option>
									</select></td>
								</tr>
							</tbody>
						</table>
					</div>

					<div class="col-sm-6">
						<table class="table table-borderless">
							<thead>
								<tr class="table-bordered">
									<th colspan="2">Authentifizierung</th>
								</tr>
							</thead>
							<tbody>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Finder:</td>
									<td><p:inputText size="37" /></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Fanglevel:</td>
									<td><p:inputText size="37" /></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Fangort:</td>
									<td><p:inputText size="37" /></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Fangdatum:</td>
									<td><p:inputMask value="#{maskController.date}" mask="99/99/9999" size="37" /></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">DV-Spruch:</td>
									<td><p:inputText size="37" /></td>
								</tr>
							</tbody>
						</table>
					</div>

					<div class="col-sm-2">
						<div class="checkbox">
							<label> <input type="checkbox" value="">Shiny</input>
							</label>
						</div>
						<div class="checkbox">
							<label> <input type="checkbox" value="">Event</input>
							</label>
						</div>
						<div class="checkbox">
							<label> <input type="checkbox" value="" disabled="disabled">Legendär</input>
							</label>
						</div>
						<br />
						<div class="checkbox">
							<label> <input type="checkbox" value="">Deal of the Day</input>
							</label>
						</div>
						<br /> <span style="font-size: medium;">Preis:</span>
						<p:inputText />
						<span style="font-size: medium;">Sonderpreis:</span>
						<p:inputText />
					</div>

				</div>

				<div class="col-sm-12">

					<div class="col-sm-4">
						<table class="table table-borderless">
							<thead>
								<tr class="table-bordered">
									<th colspan="2">Attacken</th>
								</tr>
							</thead>
							<tbody>
								<tr class="table-bordered">
									<td><select class="form-control input-sm" style="width: 129px">
											<option>Donnerschlag</option>
											<option>Donnerschlag</option>
									</select></td>
									<td><select class="form-control input-sm" style="width: 129px">
											<option>Donnerschlag</option>
											<option>2</option>
									</select></td>
								</tr>
								<tr class="table-bordered">
									<td><select class="form-control input-sm" style="width: 129px">
											<option>1</option>
											<option>2</option>
									</select></td>
									<td><select class="form-control input-sm" style="width: 129px">
											<option>1</option>
											<option>2</option>
									</select></td>
								</tr>
							</tbody>
						</table>
					</div>

					<div class="col-sm-6">
						<table class="table table-borderless">
							<thead>
								<tr class="table-bordered">
									<th colspan="6">EV-Werte</th>
								</tr>
							</thead>
							<tbody>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">KP</td>
									<td style="vertical-align: middle;">-</td>
									<td><p:inputText size="5" /></td>
									<td style="vertical-align: middle;">Sp.-Angriff</td>
									<td style="vertical-align: middle;">-</td>
									<td><p:inputText size="5" /></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Angriff</td>
									<td style="vertical-align: middle;">-</td>
									<td><p:inputText size="5" /></td>
									<td style="vertical-align: middle;">Sp.-Vert.</td>
									<td style="vertical-align: middle;">-</td>
									<td><p:inputText size="5" /></td>
								</tr>
								<tr class="table-bordered">
									<td style="vertical-align: middle;">Verteidigung</td>
									<td style="vertical-align: middle;">-</td>
									<td><p:inputText size="5" /></td>
									<td style="vertical-align: middle;">Initiative</td>
									<td style="vertical-align: middle;">-</td>
									<td><p:inputText size="5" /></td>
								</tr>
							</tbody>
						</table>
					</div>

					<div class="col-sm-2">
						<button type="button" class="btn btn-default">
							<a href="#">Pokemon ändern</a>
						</button>
						<br />
						<br />
						<button type="button" class="btn btn-danger">
							<a href="#">Pokemon löschen</a>
						</button>
					</div>

				</div>

			</div>
		</h:form>
	</div>

</h:body>
</html>
